<?php
session_start();
if(!isset($_SESSION['id'])){
    header('Location: login.php');
    exit;
}
include_once ("../controller/ocorrencia_controller_class.php");

$objOcorrencia = new OcorrenciaController();

$ocoMuita = $objOcorrencia->listarOcorrencias(1, 1);

$ocoMedia = $objOcorrencia->listarOcorrencias(2, 1);

$ocoPouca = $objOcorrencia->listarOcorrencias(3, 1);


//LISTAR QUANTIDADE DE OS//LISTAR QUANTIDADE DE OS//LISTAR QUANTIDADE DE OS//LISTAR QUANTIDADE DE OS

$qtdAguardando = $objOcorrencia->qtdOcorrencias(2);
$qtdAguardandoEquipe = $objOcorrencia->qtdOcorrencias(3);
$qtdEquipeFormada = $objOcorrencia->qtdOcorrencias(4);
$qtdEmAndamento = $objOcorrencia->qtdOcorrencias(5);
$qtdCongeladas = $objOcorrencia->qtdOcorrencias(6);
$qtdAguardandoFinal = $objOcorrencia->qtdOcorrencias(7);
$qtdFinalizadas = $objOcorrencia->qtdOcorrencias(8);
 

//LISTAR QUANTIDADE DE OS//LISTAR QUANTIDADE DE OS//LISTAR QUANTIDADE DE OS//LISTAR QUANTIDADE DE OS


?>
<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <title>::: SOS UNITAU -- Sistema de ordem de serviço</title>

        <link rel="shortcut icon" href="img/logo.jpg">
        <link rel="stylesheet" type="text/css" href="css/normalize.css" />
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/icons.css" />
        <link rel="stylesheet" type="text/css" href="css/style2.css" />
        <link rel="stylesheet" type="text/css" href="css/StylePage.css" />
        <link rel="stylesheet" type="text/css" href="css/default.css" />
        <link rel="stylesheet" type="text/css" href="css/component.css" />
        <link rel="stylesheet" type="text/css" href="css/shadowbox.css" />
        <link href="css/StyleOS.css" type="text/css" rel="stylesheet" />
        <link href="css/style_light.css" type="text/css" rel="stylesheet" />
        <script src="js/modernizr.custom.js"></script>
        <script src="js/jquery.min.js"></script>
         <script src="js/shadowbox.js"></script>
         <script type="text/javascript" src="js/jquery1.6.min.js"></script>
        <script src="js/jquery.maskedinput-1.3.min.js"></script>
        <script src="js/jquery-ui-1.8.14.custom.min.js"></script>
       
        <script type="text/javascript">
            Shadowbox.init();
        </script>


        <!--BOTÃO AGUARDANDO APROVAÇÃO-->
        <script>
            $(document).ready(function () {
                $('.menu').parent().parent().delegate('.aguardar','click',function () {
                    var id = this.name;
                    var andamento = 2;

                    $.post("../funcoes/controleOS.php", {'id[]': id, andamento: andamento}, function (data) {
                        alert(data[0].erros);
                        location.reload();
                    },'json');
                });
                
                $("#aguardarVarios").click(function () {
                    var ids = new Array();
                    var andamento = 2;
                    
                    
                    $(".chOs").each(function () {
                        if ($(this).is(":checked")) {
                            ids.push($(this).val());
                        }
                    });

                    $.post("../funcoes/controleOS.php", {'id[]': ids, andamento: andamento}, function (data) {
                        $.each(data,function(key, value){
                            alert(value.erros);
                        });
                        location.reload();
                    },'json').fail(function(){
                        alert("fail");
                    });
                    
                });
                
            });
        </script>
        
        <script>
            $(document).ready(function(){
                $('.menu').parent().parent().delegate('.excluir','click',function () {
                    var id = this.name;
                    var andamento = 0;

                    $.post("../funcoes/controleOS.php", {'id[]': id, andamento: andamento}, function (data) {
                        alert(data[0].erros);
                        location.reload();
                    },'json');
                });
                
                $("#excluirVarios").click(function () {
                    var ids = new Array();
                    var andamento = 0;
                    
                    $(".chOs").each(function () {
                        if ($(this).is(":checked")) {
                            ids.push($(this).val());
                        }
                    });

                    $.post("../funcoes/controleOS.php", {'id[]': ids, andamento: andamento}, function (data) {
                        $.each(data,function(key, value){
                            alert(value.erros);
                        });
                        location.reload();
                    },'json').fail(function(){
                        alert("fail");
                    });
                    
                });
            });
        </script>
        

        <!--FILTRO-->
        <script>
            $(document).ready(function () {
                $(".filtros").change(function () {
                    var campus = $("#txtCampus").val();
                    var categoria = $("#txtCategoria").val();
                    var tipo = $("#txtTipo").val();
                    var urgencia = $("#txtUrgencia").val();
                    var andamento = 1;
                    
                    $.post("../funcoes/filtraOS.php", {campus: campus, categoria: categoria, tipo: tipo,
                        urgencia: urgencia, andamento: andamento},
                    function (data) {
                        $(".remove").find('ul').remove();
                        var id = 1;
                        var g = 1;
                        var m = 1;
                        var s = 1;

                        var div = "";
                        $.each(data, function (key, value) {
//                            alert(value.id + " " + value.categoria);
                            if (value.urgencia == 1) {
                                div = ".grave";
                                id = g++;
                            } else if (value.urgencia == 2) {
                                div = ".medio";
                                id = m++;
                            } else if (value.urgencia == 3) {
                                div = ".simples";
                                id = s++;
                            }

                            $("" + div + "").append(
                                    '<ul class="second-menu">'
                                    + '<h1 class="link">'
                                    + 'OS - ' + id + ', ' + value.categoria + ', ' + value.campus + ''
                                    + '&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="chOs[]" class="chOs" value="' + value.id + '" ">'
                                    + '<span class="arrow"></span>'
                                    + '</h1>'

                                    + '<ul class="menu">'
                                    + '<li>'
                                    +'<button class="aguardar" name="' + value.id + '" >Aguardar Confirmação</button>'
                                    +'&nbsp;<button class="excluir" name="' +value.id+ '" >Excluir</button><br /><br />'
                                    +'<button onclick="javascript:abrir(\'configOS.php?id="'+ value.id +'"\');"> Configuração </button> <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Funcionário:</u></font></b> ' + value.funcionario + ' <br /><br />'

                                    + '<div class="photo-os"><b><font color="#f76b00">&loz; <u>Foto OS</u></font></b></div> <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Tipo:</u> </font></b>' + value.tipo + ' <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Descrição da Ocorrência:</u></font></b> <br />'
                                    + '' + value.comentario + '<br /><br />'


                                    + '<b><font color="#f76b00">&loz; <u>Nome do Contato:</u></font></b> Jurandi Macedo<br /><br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Contatos:</u></font></b> <br />'
                                    + '(12) 8888-99990, (12) 8888-99990, <br />'
                                    + '(12) 8888-99990, (12) 8888-99990, <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Prédio:</u></font></b> ' + value.predio + 
                                    ' <br><br><b><font color="#f76b00">&loz; <u>Sala:</u></font></b> ' + value.sala + ' <br /><br />'

                                    + '<b><font color="#f76b00">&loz; <u>Data da abertura:</u></font></b> ' + value.dataAbertura + ' <br />'

                                    + '<b><font color="#f76b00">&loz; <u>Data de inicio:</u></font></b> Aguardando <br />'

                                    + '<b><font color="#f76b00">&loz; <u>Data de solução:</u></font></b> Aguardando '



                                    + '</li>'

                                    + '</ul>'
                                    + '</ul>'
                                    );

                        });
                        $(".link").click(function () {

                            if ($(this).hasClass("active")) {
                                $(".link").removeClass("active");
                            } else {
                                $(".link").addClass("active");
                            }

                            $(".menu").slideUp();
                            if ($(this).next().is(":hidden")) {
                                $(this).next().slideDown(-1, 'easeOutBounce');
                            }

                        });
                    }, 'json').fail(function () {
                        alert("erro");
                    });

                });
                
                $(".link").click(function () {

                    if ($(this).hasClass("active")) {
                        $(".link").removeClass("active");
                    } else {
                        $(".link").addClass("active");
                    }

                    $(".menu").slideUp();
                    if ($(this).next().is(":hidden")) {
                        $(this).next().slideDown(-1, 'easeOutBounce');
                    }

                });
            });
        </script>
        <!--FILTRO-->
        
        
    </head>
    <body> <!-- Inicio -->
        <div class="loading"></div>
        <div class="container"> <!-- container -->



            <!-----------------------------CONTEUDO DA PÁGINA CADASTRO FUNCIONARIO --------------------------------->
            <!------- SEGUE ABAIXO ------->



            <div class="barra-superior"></div>
            <div class="sobre-empresa">
                Powered by: Grupo NOP
            </div>

            <!------------- CONTEUDO DE FORMULARIOS---------------------->

            <div class="titulo-page">
                ::: Verificar OS
            </div>

            <!----------------- VERIFICANDO OS --------------------------->
            <div class="container3">
                <nav class="nav">
                    <ul class="nav-list" style="width:834px; margin-left: -100px;">
                        <li>
                            <a href="guardandoAp.php" rel="shadowbox[Mixed]" class="nav-link">
                                Aguardando Aprovação 
                                <span class="nav-counter nav-counter-green">
                                    <?= $qtdAguardando ?>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="guardandoEq.php" rel="shadowbox[Mixed]" class="nav-link">
                                Aguardando Equipe 
                                <span class="nav-counter nav-counter-green">
                                    <?= $qtdAguardandoEquipe ?>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="equipeFormada.php" rel="shadowbox[Mixed]" class="nav-link">
                                Equipe Formada 
                                <span class="nav-counter nav-counter-blue">
                                    <?= $qtdEquipeFormada ?>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="emAndamento.php" rel="shadowbox[Mixed]" class="nav-link">
                                Em Andamento 
                                <span class="nav-counter nav-counter-blue">
                                    <?= $qtdEmAndamento ?>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="osCongelada.php" rel="shadowbox[Mixed]" class="nav-link">
                                Congeladas 
                                <span class="nav-counter nav-counter-blue">
                                    <?= $qtdCongeladas ?>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="aguardandoFinalizacao.php" rel="shadowbox[Mixed]" class="nav-link">
                                Aguardando Finalização 
                                <span class="nav-counter nav-counter-blue">
                                    <?= $qtdAguardandoFinal ?>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="finalizados.php" rel="shadowbox[Mixed]" class="nav-link">
                                Finalizados
                                <span class="nav-counter nav-counter-blue">
                                    <?= $qtdFinalizadas ?>
                                </span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>

            <!--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS-->
            <!--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS-->
                <?php include_once("filtraOS.php" );?>
            <!--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS-->
            <!--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS--FILTRA OS-->
              <div class="clear"></div>
            <input type="button" value="Aguardar Confirmação" name="aguardarVarios" class="botao" id="aguardarVarios">
            <input type="button" value="Excluir" name="excluirVarios" class="botao" id="excluirVarios">
              <div class="clear"></div>
            <div class="controls">
                <label>Somente Grave:</label>
            </div>
            <div class="controls" style="margin-left:390px; position:absolute; margin-top:-65px; background-color:#FC0">
                <label>Somente Médio:</label>
            </div>

            <div class="controls" style="margin-left:780px; position:absolute; margin-top:-65px; background-color:#060">
                <label>Somente Simples:</label>
            </div>

            <!---------------INICIO MEDIO------------------------->
            <div class="wrapper"
                 style="margin-left:780px; position:absolute; margin-top:-60px"><!-- INICIO -->
                <div class="accordian move remove medio">
                    <?php if (count($ocoMedia) > 0) { ?>
                        <?php $i = 1;
                        foreach ($ocoMedia as $oco) {
                            ?>
                            <ul class="second-menu">
                                <h1 class="link">
                                    OS - <?= $i++; ?>, <?= $oco->getEspecialidade()->getNome() ?>, <?= $oco->getCampus()->getNome() ?> 
                                    &nbsp;&nbsp;&nbsp;<input type="checkbox" name="chOs[]" class="chOs" value="<?= $oco->getId()?>">
                                    <span class="arrow"></span>
                                </h1>

                                <ul class="menu">
                                    <li>
                                        <button class="aguardar" name="<?= $oco->getId() ?>" >Aguardar Confirmação</button>
                                        <button class="excluir" name="<?= $oco->getId() ?>" >Excluir</button><br /><br />
                                        <button onclick="javascript:abrir('configOS.php?id=<?= $oco->getId() ?>');"> Configuração </button> <br /><br /> <!-- ALTERADO -->
                                      
                                        <b><font color="#FFCC00">&loz; <u> Funcionário: </u></font></b> <?= $oco->getFuncionario()->getNome() ?> <br /><br />
                                       
                                        <div class="photo-os"><b><font color="#FFCC00">&loz; <u> Foto OS </u></font></b></div> <br /><br />
                                       
                                       <b><font color="#FFCC00">&loz; <u> Tipo: </u></font></b><?= $oco->getTipoOcorrencia()->getDescricao() ?> <br /><br />
                                        
                                       <b><font color="#FFCC00">&loz; <u> Descrição da Ocorrência:</u></font></b> <br />
                                        <?= $oco->getComentario() ?><br /><br />

                 
                                        <b><font color="#FFCC00">&loz; <u> Nome do Contato:</u></font></b> Jurandi Macedo<br />
                                        
                                       <b><font color="#FFCC00">&loz; <u> Contatos:</u></font></b> <br />
                                        (12) 8888-99990, (12) 8888-99990, <br />
                                        (12) 8888-99990, (12) 8888-99990, <br /><br />
                                     
                                        <b><font color="#FFCC00">&loz; <u> Prédio:</u></font></b> <?= $oco->getPredio()->getNome() ?> <br> <br>
                                        <b><font color="#FFCC00">&loz; <u> Sala:</u></font></b> <?= $oco->getSala()->getIdentificacao() ?> <br /><br />
                                        
                                        <b><font color="#FFCC00">&loz; <u> Data da abertura:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataHora())); ?> <br />
                                        
                                        <b><font color="#FFCC00">&loz; <u> Data de inicio:</u></font></b> Aguardando <br />
                                      
                                       <b><font color="#FFCC00">&loz; <u> Data de solução:</u></font></b> Aguardando
                                      


                                    </li>

                                </ul>
                            </ul>
                        <?php }
                    }
                    ?>

                </div>
            </div>
            <!----------------------------/Médio ---------------->

            <!-----------------------INICIO SIMPLES-------------------->
            <div class="wrapper" style="margin-top:-60px; margin-left:1170px; position:absolute;"><!-- INICIO -->
                <div class="accordian move remove simples">
                    <?php if (count($ocoPouca) > 0) { ?>
                        <?php $i = 1;
                        foreach ($ocoPouca as $oco) { ?>
                            <ul class="second-menu">
                                <h1 class="link">
                                    OS - <?= $i++; ?>, <?= $oco->getEspecialidade()->getNome() ?>, <?= $oco->getCampus()->getNome() ?> 
                                   &nbsp;&nbsp;&nbsp; <input type="checkbox" name="chOs[]" class="chOs" value="<?= $oco->getId()?>">
                                    <span class="arrow"></span>
                                </h1>

                                <ul class="menu">
                                    <li>
                                        <button class="aguardar" name="<?= $oco->getId() ?>" >Aguardar Confirmação</button>
                                        <button class="excluir" name="<?= $oco->getId() ?>" >Excluir</button><br /><br />
                                        <button onclick="javascript:abrir('configOS.php?id=<?= $oco->getId() ?>');"> Configuração </button> <br /><br /> <!-- ALTERADO -->
                                  
                                        <b><font color="#08f710">&loz; <u> Funcionário:</u></font></b> <?= $oco->getFuncionario()->getNome() ?> <br /><br />
                                     
                                        <div class="photo-os"><b><font color="#08f710">&loz; <u>Foto OS</u></font></b></div> <br /><br />
                                      
                                       <b><font color="#08f710">&loz; <u>Tipo:</u></font></b> <?= $oco->getTipoOcorrencia()->getDescricao() ?> <br /><br />
                                        
                                       <b><font color="#08f710">&loz; <u>Descrição da Ocorrência:</u></font></b> 
                                        <?= $oco->getComentario() ?><br /><br /><br />

                                        
                                       <b><font color="#08f710">&loz; <u>Nome do Contato:</u></font></b> Jurandi Macedo<br />
                                 
                                        <b><font color="#08f710">&loz; <u>Contatos:</u></font></b> <br />
                                        (12) 8888-99990, (12) 8888-99990, <br />
                                        (12) 8888-99990, (12) 8888-99990, <br /><br />
                                   
                                        <b><font color="#08f710">&loz; <u>Prédio:</u></font></b> <?= $oco->getPredio()->getNome() ?> <br><br>
                                        <b><font color="#08f710">&loz; <u>Sala:</u></font></b> <?= $oco->getSala()->getIdentificacao() ?> <br /><br />
                                      
                                       <b><font color="#08f710">&loz; <u>Data da abertura:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataHora())); ?> <br />
                                        
                                        <b><font color="#08f710">&loz; <u>Data de inicio:</u></font></b> Aguardando <br />
                                      
                                        <b><font color="#08f710">&loz; <u>Data de solução:</u></font></b> Aguardando 
                                        


                                    </li>

                                </ul>
                            </ul>
    <?php }
} ?>

                </div>
            </div>
            <!-----------------------FIM SIMPLES-------------------->

            <!---------------------INICIO GRAVE ------------------>
            <div class="wrapper" style=" margin-top:-60px; margin-left:390px"><!-- INICIO -->
                <div class="accordian move remove grave">

                    <?php if (count($ocoMuita) > 0) { ?>
                        <?php $i = 1;
                        foreach ($ocoMuita as $oco) { ?>
                            <ul class="second-menu">
                                <h1 class="link">
                                    OS - <?= $i++; ?>, <?= $oco->getEspecialidade()->getNome() ?>, <?= $oco->getCampus()->getNome() ?> 
                                   &nbsp;&nbsp;&nbsp;<input type="checkbox" name="chOs[]" class="chOs" value="<?= $oco->getId()?>">
                                    <span class="arrow"></span>
                                </h1>

                                <ul class="menu">
                                    <li>
                                        <button class="aguardar" name="<?= $oco->getId() ?>" >Aguardar Confirmação</button>
                                        <button class="excluir" name="<?= $oco->getId() ?>" >Excluir</button><br /><br />
                                        <button onclick="javascript:abrir('configOS.php?id=<?= $oco->getId() ?>');"> Configuração </button> <br /><br /> <!-- ALTERADO -->
                                       
                                        <b><font color="#fa5555">&loz; <u>Funcionário:</u></font></b> <?= $oco->getFuncionario()->getNome() ?> <br /><br />
                                     
                                        <div class="photo-os"><b><font color="#fa5555">&loz; <u>Foto OS</u></font></b></div> <br /><br />
                                      
                                        <b><font color="#fa5555">&loz; <u>Tipo:</u></font></b> <?= $oco->getTipoOcorrencia()->getDescricao() ?> <br /><br />
                                       
                                        <b><font color="#fa5555">&loz; <u>Descrição da Ocorrência:</u></font></b> <br />
                                        <?= $oco->getComentario() ?><br /><br />

                                 
                                        <b><font color="#fa5555">&loz; <u>Nome do Contato:</u></font></b> Jurandi Macedo<br />
                                   
                                        <b><font color="#fa5555">&loz; <u>Contatos:</u></font></b> <br />
                                        (12) 8888-99990, (12) 8888-99990, <br />
                                        (12) 8888-99990, (12) 8888-99990, <br /><br />
                                      
                                        <b><font color="#fa5555">&loz; <u>Prédio:</u></font></b> <?= $oco->getPredio()->getNome() ?><br><br>
                                        <b><font color="#fa5555">&loz; <u>Sala:</u></font></b> <?= $oco->getSala()->getIdentificacao() ?> <br /><br />
                                     
                                        <b><font color="#fa5555">&loz; <u>Data da abertura:</u></font></b> <?= date('d/m/Y - H:i:s', strtotime($oco->getDataHora())); ?> <br />
                                     
                                        <b><font color="#fa5555">&loz; <u>Data de inicio:</u></font></b> Aguardando <br />
                                      
                                        <b><font color="#fa5555">&loz; <u>Data de solução:</u></font></b> Aguardando
                                       


                                    </li>

                                </ul>
                            </ul>
                        <?php }
                    } ?>

                </div>
            </div>
            <!----------------------------/Grave ---------------->





            <!-- <div class="controls3">
              <label>Somente Simples:</label>
            
            </div>-->

            <!--<div class="container5">
              <div class="mix category-1" data-myorder="1"></div>
              <div class="mix category-1" data-myorder="2">Info.</div>
              <div class="mix category-1" data-myorder="3">Info.</div>
              <div class="mix category-1" data-myorder="4">Info.</div>
              <div class="mix category-1" data-myorder="5">Info.</div>
              <div class="mix category-1" data-myorder="6">Info.</div>
              <div class="mix category-1" data-myorder="7">Info.</div>
              <div class="mix category-1" data-myorder="8">Info.</div>
              
              <div class="gap"></div>
              <div class="gap"></div>
             
             
            </div>	            -->
            <!-------------------------------------TERMINANDO O TESTE DE OS ------------------------->














            <!-- MENU NA FRENTE DO CONTEUDO, CONTEUDO FICARÁ INATIVO -->

            <!--------------------------------------MENU LATERAL---------------------------------------->
            <?php include_once("menuLateral.php"); ?>

            <!-- /MENU NA FRENTE DO CONTEUDO, CONTEUDO FICARÁ INATIVO -->





            <!-----------------------------------/FIM--------------------------------------------------------->




            <!------------------------------/CONTEUDO DA PÁGINA CADASTRO FUNCIONARIO ----------------------------------->



        </div><!-- /container -->
    </body><!-- Fim -->
    <!--------------------------------------------------------------------------------------------------->
    <script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
    <script src='http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js'></script>
    <script src='//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
    <script>$(function () {
                                        $('#Container').mixItUp({
                                            load: {
                                                filter: '.category-1'
                                            }
                                        });
                                    });//@ sourceURL=pen.js
    </script>

    <script src='http://codepen.io/assets/editor/live/css_live_reload_init.js'></script>
    <script src="js/classie.js"></script>
    <script src="js/borderMenu.js"></script>

    <!-- SCRIPTS POP-UP -->
    <script>
        function abrir(URL) {

            var width = 850;
            var height = 500;

            var left = 240;
            var top = 90;

            window.open(URL, 'janela', 'width=' + width + ', height=' + height + ', top=' + top + ', left=' + left + ', scrollbars=no, status=no, toolbar=0, location=no, 			directories=no, menubar=no, resizable=0 ,maximized=no, fullscreen=no');

        }

    </script>
    

   <!-- SCRIPTS POP-UP -->
    <script>
        function abrir(URL) {

            var width = 850;
            var height = 500; //ALTERADO, PARA UMA BOA VISUALIZAÇÃO

            var left = 240;
            var top = 100;

            window.open(URL, 'janela', 'width=' + width + ', height=' + height + ', top=' + top + ', left=' + left + ', scrollbars=no, status=no, toolbar=no, location=no, 			directories=no, menubar=no, resizable=0,maximized=no, fullscreen=no');

        }

    </script>

    <!-- /SCRIPTS POP-UP -->

    <style type="text/css">
        .tooltip {
            width: 250px;
            font-size: 11px;
            font-family: Arial, sans-serif;
            background: #444;
            border: 1px solid #090909;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            position: absolute;
            z-index: 1;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            color:#fff;
            padding:12px 24px;
            line-height:18px;
        }

        .tooltip:after {
            content: '';
            position: absolute;
            border-color: transparent  #444 transparent transparent;
            border-style: solid;
            border-width: 10px;
            height: 0;
            width: 0;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -10px;
            margin-left: -20px;
        }

        .tooltip:before {
            content: '';
            position: absolute;
            border-color:   transparent #090909 transparent transparent;
            border-style: solid;
            border-width: 10px;
            height: 0;
            width: 0;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -10px;
            margin-left: -20px;
        }



        .ttw-notification-menu{
            width: 600px;
        }




    </style>
</html>
